import React, {Component} from 'react';
import {HashRouter, Route, Routes,Navigate } from "react-router-dom";
import Top from "./View/top"
import Center from "./View/center"
import Bottom from "./View/bottom"
import bottomIi from "./View/bottoms/bottom-ii";
import BottomIi from "./View/bottoms/bottom-ii";


class Index extends Component {
    render() {
        return (
               <HashRouter>
                   <Routes>
                          <Route path={"/top"} element={<Top/>}></Route>
                          <Route path={"/center"} element={<Center/>}></Route>
                          <Route path={"/bottom"} element={<Bottom/>}>
                              <Route path={"./bottom/bottomii"} element={<BottomIi/>}></Route>
                          </Route>
                          {/*<Navigate from={"/"} to={"/top"}/>*/}
                       <Route path="*" element={<Navigate to="/top"/>}/>
                   </Routes>
               </HashRouter>

        );
    }
}

export default Index;
